@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}
.center1200{ width:1200px; margin:0 auto;}
.center1100{ width:1100px; margin:0 auto;}
.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank25{ width:100%; height:25px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}

/*首页*/
.header{ height:89px; position:relative; z-index:999;}
.logo{ float:left; margin-left:17px; margin-top:19px;}
.index_nav{ float:right; height:55px; margin-top:34px;}
.index_nav0{ float:left; height:55px; width:76px; margin-left:50px;}
.index_nav1{ float:left; height:55px; width:76px; margin-left:50px; position:relative;}
.index_nav2{ font-size:16px; color:#000; display:block; width:76px; height:55px; line-height:30px;}
.index_nav2_on{ color:#003888;}
.index_nav1:hover .index_nav2{ color:#003888;}
.index_nav1:hover > .index_nav3{ display:block;}

.index_nav3{ position:absolute; top:55px; height:61px; display:none; width:1000px;}
.index_nav3 li{ float:left; height:61px; line-height:61px; font-size:14px;}
.index_nav3 li a{ color:#FFF; display:block; height:61px;}
.index_nav3 li:hover{ background:#018697;}
.index_nav3_1{ background:url(../images/index5.png) no-repeat 25px center; width:105px; padding-left:50px;}
.index_nav3_2{ background:url(../images/index6.png) no-repeat 25px center; width:105px; padding-left:50px;}
.index_nav3_3{ background:url(../images/index7.png) no-repeat 27px center; width:130px; padding-left:50px;}
.index_nav3_4{ background:url(../images/index8.png) no-repeat 27px center; width:130px; padding-left:50px;}
.index_nav3_5{ background:url(../images/index9.png) no-repeat 27px center; width:155px; padding-left:50px;}
.index_nav3_6{ background:url(../images/index10.png) no-repeat 27px center; width:130px; padding-left:50px;}
.index_nav3_7{ background:url(../images/index12.png) no-repeat 20px center; width:105px; padding-left:50px;}
.index_nav3_8{ background:url(../images/index13.png) no-repeat 27px center; width:105px; padding-left:50px;}
.index_nav3_9{ background:url(../images/index11.png) no-repeat 27px center; width:105px; padding-left:50px;}
.index_nav3_10{ background:url(../images/index14.png) no-repeat 27px center; width:105px; padding-left:50px;}

.index_nav4_1{ left:-120px;}
.index_nav4_2{ left:-115px;}
.index_nav4_3{ left:-320px;}
.index_nav4_4{ left:-35px;}
.index_nav4_5{ left:-35px;}

.nav_bg{ position:absolute; width:100%; height:61px; background:#009a9c; top:89px; left:0; z-index:998; display:none;}
.yinying{ position:absolute; width:100%; height:10px; background:url(../images/index23.png) repeat-x; top:89px; left:0; z-index:99;}

.language{ float:right; width:80px; height:55px; margin-top:20px; margin-left:50px; font-size:14px;}
.language a:hover{ color:#003888;}
.language1{ display:block; background:url(../images/index3.jpg) no-repeat; width:40px; text-align:left; padding-left:40px; height:21px; line-height:21px; margin-top:5px; color:#333;}
.language2{ display:block; background:url(../images/index4.jpg) no-repeat; width:40px; text-align:left; padding-left:40px; height:21px; line-height:21px; margin-top:5px; color:#333;}

/* banner css */
.slideBox{ width:1200px; height:558px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ width:100%; height:15px; overflow:hidden; position:absolute; right:0px; bottom:25px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-table; *float:left; *margin-left:45%; height:15px;}
.slideBox .hd ul li{ float:left; margin-right:17px; width:11px; height:11px; text-align:center; background:url(../images/index1.png) no-repeat; cursor:pointer;}
.slideBox .hd ul li.on{ background:url(../images/index2.png) no-repeat;}

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:1200px; height:558px; display:block;}

.index1{ height:217px; margin-top:7px;}
.index1 li{ float:left; width:295px; height:217px; margin-right:6.66px;}
.index1 li a{ position:relative; display:block; width:295px; height:217px;}

.index1_1{ float:left; width:238px; height:38px; line-height:38px; padding-left:17px; text-align:left; font-size:16px; color:#FFF; background:url(../images/index18.png) no-repeat #003889 259px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:40px;}
.index1_2{ float:left;}
.index1_3{ position:absolute; width:295px; height:179px; top:38px; left:0; background:#009199 url(../images/index20.jpg) repeat-x top center; overflow:hidden; display:none;}
.index1_4{ font-size:14px; color:#FFF; text-align:left; line-height:26px; width:267px; float:left; margin-left:14px; height:130px; margin-top:20px; overflow:hidden;}

.index1 li a:hover .index1_3{ display:block;}
.index1 li a:hover .index1_1{ background:url(../images/index19.png) no-repeat #009199 259px center;}

.footer{ width:100%; overflow:hidden; margin-top:8px;}
.footer_top{ width:100%; height:190px; background:#f2f2f2;}
.footer_bottom{ width:100%; min-height:110px; background:#033785;}

.footer_top1{ float:left; margin-top:26px; margin-left:60px; width:114px; overflow:hidden; margin-right:90px;}
.footer_top1 img{ float:left;}
.footer_top1_1{ float:left; font-size:14px; font-weight:bold; color:#009199; width:114px; height:40px; line-height:40px;}

.footer_top2{ float:left; width:150px; overflow:hidden; text-align:left; margin-top:30px; font-size:14px; margin-right:40px;}
.footer_top2_1{ float:left; width:150px; height:30px; line-height:30px;}
.footer_top2_2{ float:left; width:150px; overflow:hidden;}
.footer_top2_2 li{ float:left; width:150px; height:26px; line-height:26px;}
.footer_top2_2 li a{ color:#444444;}
.footer_top2_2 li a:hover{ color:#033785;}

.footer_bottom1{ float:left; margin-left:30px; margin-top:38px;}
.footer_bottom2{ float:right; width:940px; text-align:left; color:#FFF; line-height:20px; overflow:hidden; margin-top:17px;}
.footer_bottom2 a{ color:#FFF;}

/* pro css */
.banner{ width:100%; height:246px; overflow:hidden;}
.pro_l{ float:left; width:216px; height:770px; position:relative; padding-bottom:20px;}
.pro_l1{ position:absolute; top:0; left:-71px; background:url(../images/pro3_l.png) repeat-y; width:71px;}
.pro_l2{ position:absolute; top:0; right:-78px; background:url(../images/pro3_r.png) repeat-y; width:78px;}

.pro_l3{ float:left; width:216px; overflow:hidden; margin-top:30px; position:relative; z-index:10;}
.pro_l3_1{ float:left; width:216px; height:64px; line-height:64px; font-size:20px; color:#009a9c; background:url(../images/pro4.jpg) no-repeat bottom center; padding-bottom:9px;}
.pro_l3_2{ float:left; width:216px; overflow:hidden; text-align:left;}
.pro_l3_2 li{ float:left; width:216px; height:61px; background:url(../images/pro5.jpg) bottom center no-repeat;}
.pro_l3_2 li a{ display:block; width:123px; padding-right:10px; height:61px; line-height:61px; font-size:16px; color:#444444; padding-left:83px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_l3_2 li a:hover{ color:#043587;}

.pro_l3_2_1{ background:url(../images/1_1.png) no-repeat 43px center;}
.pro_l3_2_1:hover{ background:url(../images/1.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_1{ background:url(../images/1.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_2{ background:url(../images/2_1.png) no-repeat 43px center;}
.pro_l3_2_2:hover{ background:url(../images/2.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_2{ background:url(../images/2.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_3{ background:url(../images/4_1.png) no-repeat 43px center;}
.pro_l3_2_3:hover{ background:url(../images/4.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_3{ background:url(../images/4.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_4{ background:url(../images/3_1.png) no-repeat 43px center;}
.pro_l3_2_4:hover{ background:url(../images/3.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_4{ background:url(../images/3.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_5{ background:url(../images/5_1.png) no-repeat 43px center;}
.pro_l3_2_5:hover{ background:url(../images/5.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_5{ background:url(../images/5.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_6{ background:url(../images/6_1.png) no-repeat 43px center;}
.pro_l3_2_6:hover{ background:url(../images/6.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_6{ background:url(../images/6.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_7{ background:url(../images/9_1.png) no-repeat 43px center;}
.pro_l3_2_7:hover{ background:url(../images/9.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_7{ background:url(../images/9.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_8{ background:url(../images/10_1.png) no-repeat 43px center;}
.pro_l3_2_8:hover{ background:url(../images/10.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_8{ background:url(../images/10.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_9{ background:url(../images/8_1.png) no-repeat 43px center;}
.pro_l3_2_9:hover{ background:url(../images/8.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_9{ background:url(../images/8.png) no-repeat 43px center; color:#043587;}

.pro_l3_2_10{ background:url(../images/7_1.png) no-repeat 43px center;}
.pro_l3_2_10:hover{ background:url(../images/7.png) no-repeat 43px center;}
.pro_l3_on .pro_l3_2_10{ background:url(../images/7.png) no-repeat 43px center; color:#043587;}

.pro_l4{ float:left; width:216px; overflow:hidden; margin-top:30px; position:relative; z-index:10;}
.pro_l4_2{ float:left; margin-top:12px;}
.pro_l4_2 li{ float:left; width:216px; background:url(../images/pro5.jpg) center bottom no-repeat; text-align:left; font-size:12px; overflow:hidden; padding-bottom:12px;}
.pro_l4_2_1{ background:url(../images/pro6.jpg) no-repeat 14px 11px; width:163px; padding-left:53px; overflow:hidden;}
.pro_l4_2_2{ background:url(../images/pro7.jpg) no-repeat 14px 11px; width:163px; padding-left:53px; overflow:hidden;}
.pro_l4_2_3{ background:url(../images/pro8.jpg) no-repeat 14px 11px; width:163px; padding-left:53px; overflow:hidden;}
.pro_l4_2_4{ float:left; margin-top:8px; height:20px; line-height:20px; width:150px; color:#013785;}
.pro_l4_2_5{ float:left; line-height:20px; width:150px; color:#444444;}

.pro_l5{ width:365px; height:770px; background:url(../images/pro9.jpg) no-repeat; position:absolute; top:0px; left:-71px; z-index:1;}

.pro_r{ float:right; width:940px; position:relative; z-index:9999; overflow:hidden;}
.pro_r1{ float:left; width:940px; height:95px; border-bottom:1px solid #dadada;}
.pro_r1_1{ float:left; font-size:20px; color:#009a9c; height:66px; line-height:66px; margin-top:29px; margin-left:14px;}
.pro_r1_2{ float:right; height:; font-size:14px; height:16px; line-height:16px; color:#003887; margin-top:55px; margin-right:14px; background:url(../images/pro2.jpg) no-repeat left center; padding-left:18px;}
.pro_r1_2 span{ color:#003887;}
.pro_r1_2 a{ color:#003887;}

.pro_r2{ float:left; width:940px; overflow:hidden;}
.pro_r2 li{ float:left; width:940px; border-bottom:1px dashed #dddddd; padding:20px 0;}
.pro_r2_1{ float:left; display:block; width:241px; height:152px; border:1px solid #dadada; margin-left:9px;}
.pro_r2_1 img{ float:left; margin-left:5px; margin-top:5px;}
.pro_r2_2{ float:right; width:640px; text-align:left; margin-right:20px;}
.pro_r2_3{ float:left; width:640px; height:22px; line-height:22px; margin-top:15px;}
.pro_r2_3 a{ float:left; font-size:18px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:640px;}
.pro_r2_4{ float:left; width:640px; line-height:26px; height:52px; overflow:hidden; font-size:14px; color:#444444; margin-top:20px;}
.pro_r2_5{ float:left; font-size:14px; color:#01398e; height:16px; line-height:16px; margin-top:10px;}

.page{ width:100%; height:40px; float:left; margin-top:25px;}

/* prode css */
.prode{ width:928px; float:left; overflow:hidden; margin-left:6px;}
.prode1{ width:928px; float:left; overflow:hidden;}
.prode1_1{ float:left; width:409px; height:259px; border:1px solid #dadada; margin-top:27px;}
.prode1_1 img{ float:left; margin-top:9px; margin-left:7px;}
.prode1_2{ float:right; width:475px; margin-right:10px; text-align:left;}
.prode1_3{ float:left; width:475px; font-size:18px; color:#01358c; line-height:24px; margin-top:50px; overflow:hidden;}
.prode1_4{ float:left; width:475px; font-size:14px; color:#444444; line-height:36px; border-bottom:1px dashed #dddddd; border-top:1px dashed #dddddd; margin-top:25px; overflow:hidden; padding:20px 0;}

.prode2{ float:left; width:928px; overflow:hidden;}
.prode2_1{ float:left; width:904px; height:41px; line-height:41px; background:#009a9c; text-align:left; color:#FFF; font-size:16px; padding-left:24px;}
.prode2_2{ float:left; width:914px; padding:30px 7px; text-align:left; font-size:14px; line-height:30px; color:#444444;}

.page_de{ float:left; width:928px; overflow:hidden; height:100px; border-top:1px dashed #dddddd; padding-top:28px;}
.page_de1{ float:left; width:914px; height:30px; line-height:30px; font-size:14px; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; padding:0 7px;}
.page_de1 a{ color:#000;}
.page_de1:hover{ color:#009a9c;}
.page_de1:hover a{ color:#009a9c;}

/* about css */
.about{ float:left; width:910px; overflow:hidden; text-align:left; font-size:14px; color:#444444; line-height:30px; padding:15px 15px 30px 15px;}

/* contact css */
.contact{ float:left; width:910px; overflow:hidden;}
.contact1{ clear:both; width:600px; text-align:left; margin-left:155px; font-size:14px; line-height:30px; color:#000; float:left; margin-top:30px; padding-bottom:20px;}

/* case css */
.case{ float:left; width:928px; overflow:hidden; margin-left:6px; text-align:left;}
.case1{ float:left; width:928px; font-size:18px; color:#01358c; text-align:center; line-height:22px; overflow:hidden; margin-top:75px;}
.case2{ float:left; width:620px; height:393px; border:1px solid #dadada; margin-top:45px; margin-left:150px;}
.case2 img{ float:left; margin-left:12px; margin-top:15px;}
.case3{ float:left; width:914px; font-size:14px; color:#444444; line-height:30px; border-top:1px dashed #dddddd; margin-top:45px; padding:40px 7px; overflow:hidden;}

/* news css */
.news{ width:940px; overflow:hidden;}
.news li{ float:left; width:910px; border-bottom:1px dashed #dbdcdc; text-align:left; padding:40px 15px 20px 15px;}
.news1{ float:left; width:910px; font-size:18px;}
.news1 a{ color:#000; float:left; max-width:910px; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news2{ float:left; width:910px; overflow:hidden; height:20px; font-size:14px; color:#8d8d8d; margin-top:12px;}
.news3{ float:left; background:url(../images/news1.png) no-repeat left center; height:20px; line-height:20px; padding-left:28px;}
.news4{ float:left; background:url(../images/news2.png) no-repeat left center; height:20px; line-height:20px; padding-left:28px; margin-left:16px;}
.news5{ float:left; width:910px; overflow:hidden; font-size:14px; color:#444444; line-height:30px; height:60px; margin-top:12px;}

/* newsde css */
.newsde{ float:left; width:928px; overflow:hidden; margin-left:6px; text-align:left;}
.newsde1{ float:left; width:914px; margin-left:7px; overflow:hidden;}
.newsde2{ float:left; font-size:18px; height:20px; line-height:20px; overflow:hidden; width:914px; margin-top:45px;}
.newsde3{ float:left; font-size:14px; color:#444; line-height:30px; padding:45px 0;}

/* about_list css */
.about_list{ width:100%; overflow:hidden;}
.about_list li{ float:left; width:24.25%; overflow:hidden; margin-right:1%; margin-top:10px;}
.about_list li:nth-child(4n){ margin-right:0;}
.about_list li a{ display:block; width:100%; overflow:hidden;}
.about_list li a img{ display:block; width:100%; height:308px;}
.about_list1{ width:90%; padding:0 5%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#666; line-height:50px; height:50px;}
.about_list li:hover .about_list1{ color:#01398e;}